/**
 * description
 * <p>fill description</p>
 * @author zido
 * @since 2017/6/2 0002
 */
import React from 'react'
import PropTypes from 'prop-types'
import {Menu,Icon} from 'antd'
const {SubMenu,Item,Divider} = Menu
import './NavHeader.less'
export default class NavHeader extends React.Component{
  render(){
    const {children} = this.props
    return (
      <div className="nav-header">
        <div className="pull-left" style={{lineHeight:'48px'}}>{children}</div>
        <Menu mode="horizontal">
          <SubMenu title={<span><Icon type="user" />管理员</span>}>
            <Item key="person-1"><span><Icon type="message" />个人消息</span></Item>
            <Item key="person-2"><span><Icon type="edit" />修改密码</span></Item>
            <Divider/>
            <Item key="login-out"><span><Icon type="logout" />登出</span></Item>
          </SubMenu>
        </Menu>

      </div>
    )
  }
}

NavHeader.propTypes = {
  children:PropTypes.element,
}